<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Xmee | Login and Register Form Html Templates</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min1.css">
    <!-- Fontawesome CSS -->
    <link rel="stylesheet" href="static/css/fontawesome-all.min2.css">
    <!-- Google Web Fonts -->
    <link href="static/css/css1.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="static/css/style2.css">
</head>

<body id="main_content">
    <!-- scrollUp Start Here -->
    <a href="#main_content" data-type="section-switch" class="return-to-top">
        <i class="fas fa-angle-double-up"></i>
    </a>
    <!-- scrollUp End Here -->
    <div id="wrapper" class="wrapper">
        <!-- Preview Banner Area Start Here -->
        <section class="preview-banner-area">
            <div class="container">
                <div class="template-logo">
                    <img src="static/picture/logo.png" alt="Logo">
                </div>
                <div class="banner-text">
                    <div class="sub-title">Clean, Modern, Creative</div>
                    <h1 class="item-title">Login &amp; Registration Form</h1>
                </div>
            </div>
        </section>
        <!-- Preview Banner Area End Here -->
        <section class="new-items-container">
            <div class="container-fluid">
                <h2 class="new-heading"><span>2021</span> New Design</h2>
                <div class="row">
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="single-demo new">
                            <div class="tab-wrap">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="active" href="#tabA-c-31" data-toggle="tab" aria-expanded="false">LTR</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#tabB-c-31" data-toggle="tab" aria-expanded="false">RTL</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active show" id="tabA-c-31">
                                        <ul>
                                            <li><a target="_blank" href="login-31.html">Login</a></li>
                                            <li><a target="_blank" href="register-31.html">Register</a></li>
                                            <li><a target="_blank" href="forgot-password-31.html">Forgot</a></li>
                                            <li><a target="_blank" href="otp-31.html">Otp</a></li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="tabB-c-31">
                                        <ul>
                                            <li><a target="_blank" href="login-311.html">Login</a></li>
                                            <li><a target="_blank" href="register-311.html">Register</a></li>
                                            <li><a target="_blank" href="forgot-password-311.html">Forgot</a></li>
                                            <li><a target="_blank" href="otp-311.html">Otp</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-figure">
                                <a target="_blank" href="login-31.html"><img src="static/picture/demo31.jpg" alt="Demo Img"></a>
                            </div>
                            <div class="demo-title">
                                <a target="_blank" href="login-31.html">Animated Background</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="single-demo new">
                            <div class="tab-wrap">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="active" href="#tabA-c-32" data-toggle="tab" aria-expanded="false">LTR</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#tabB-c-32" data-toggle="tab" aria-expanded="false">RTL</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active show" id="tabA-c-32">
                                        <ul>
                                            <li><a target="_blank" href="login-32.html">Login</a></li>
                                            <li><a target="_blank" href="login-32.html">Register</a></li>
                                            <li><a target="_blank" href="login-32.html">Forgot</a></li>
                                            <li><a target="_blank" href="login-32.html">Otp</a></li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="tabB-c-32">
                                        <ul>
                                            <li><a target="_blank" href="login-321.html">Login</a></li>
                                            <li><a target="_blank" href="login-321.html">Register</a></li>
                                            <li><a target="_blank" href="login-321.html">Forgot</a></li>
                                            <li><a target="_blank" href="login-321.html">Otp</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-figure">
                                <a target="_blank" href="login-32.html"><img src="static/picture/demo32.jpg" alt="Demo Img"></a>
                            </div>
                            <div class="demo-title">
                                <a target="_blank" href="login-32.html">Popup Background</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="single-demo new">
                            <div class="tab-wrap">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="active" href="#tabA-c-33" data-toggle="tab" aria-expanded="false">LTR</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#tabB-c-33" data-toggle="tab" aria-expanded="false">RTL</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active show" id="tabA-c-33">
                                        <ul>
                                            <li><a target="_blank" href="login-33.html">Login</a></li>
                                            <li><a target="_blank" href="register-33.html">Register</a></li>
                                            <li><a target="_blank" href="forgot-password-33.html">Forgot</a></li>
                                            <li><a target="_blank" href="otp-33.html">Otp</a></li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="tabB-c-33">
                                        <ul>
                                            <li><a target="_blank" href="login-331.html">Login</a></li>
                                            <li><a target="_blank" href="register-331.html">Register</a></li>
                                            <li><a target="_blank" href="forgot-password-331.html">Forgot</a></li>
                                            <li><a target="_blank" href="otp-331.html">Otp</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-figure">
                                <a target="_blank" href="login-33.html"><img src="static/picture/demo33.jpg" alt="Demo Img"></a>
                            </div>
                            <div class="demo-title">
                                <a target="_blank" href="login-33.html">Animated Background</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="single-demo new">
                            <div class="tab-wrap">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="active" href="#tabA-c-34" data-toggle="tab" aria-expanded="false">LTR</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#tabB-c-34" data-toggle="tab" aria-expanded="false">RTL</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade active show" id="tabA-c-34">
                                        <ul>
                                            <li><a target="_blank" href="login-34.html">Login</a></li>
                                            <li><a target="_blank" href="register-34.html">Register</a></li>
                                            <li><a target="_blank" href="forgot-password-34.html">Forgot</a></li>
                                            <li><a target="_blank" href="otp-34.html">Otp</a></li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade" id="tabB-c-34">
                                        <ul>
                                            <li><a target="_blank" href="login-341.html">Login</a></li>
                                            <li><a target="_blank" href="register-341.html">Register</a></li>
                                            <li><a target="_blank" href="forgot-password-341.html">Forgot</a></li>
                                            <li><a target="_blank" href="otp-341.html">Otp</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="demo-figure">
                                <a target="_blank" href="login-34.html"><img src="static/picture/demo34.jpg" alt="Demo Img"></a>
                            </div>
                            <div class="demo-title">
                                <a target="_blank" href="login-34.html">Animated Background</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Main Body Area Start Here -->
        <section class="main-body" id="main-demo">
            <div class="container">
                <div class="isotope-wrap">
                    <div class="isotope-classes-tab isotop-btn-layout1">
                        <a href="#" class="current nav-item" data-filter="*">All</a>
                        <a href="#" class="nav-item" data-filter=".new-demo">New</a>
                        <a href="#" class="nav-item" data-filter=".animated">Animated Background</a>
                        <a href="#" class="nav-item" data-filter=".static">Static Background</a>
                    </div>
                    <div class="row featuredContainer">
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-1" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-1" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-1">
                                            <ul>
                                                <li><a target="_blank" href="login-1.html">Login</a></li>
                                                <li><a target="_blank" href="register-1.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-1.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-1.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-1">
                                            <ul>
                                                <li><a target="_blank" href="login-110.html">Login</a></li>
                                                <li><a target="_blank" href="register-110.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-110.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-110.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-1.html"><img src="static/picture/demo1.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-1.html">Demo 1 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-2" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-2" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-2">
                                            <ul>
                                                <li><a target="_blank" href="login-2.html">Login</a></li>
                                                <li><a target="_blank" href="register-2.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-2.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-2.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-2">
                                            <ul>
                                                <li><a target="_blank" href="login-210.html">Login</a></li>
                                                <li><a target="_blank" href="register-210.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-210.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-210.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-2.html"><img src="static/picture/demo2.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-2.html">Demo 2 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-3" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-3" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-3">
                                            <ul>
                                                <li><a target="_blank" href="login-3.html">Login</a></li>
                                                <li><a target="_blank" href="register-3.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-3.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-3.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-3">
                                            <ul>
                                                <li><a target="_blank" href="login-35.html">Login</a></li>
                                                <li><a target="_blank" href="register-32.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-32.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-32.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-3.html"><img src="static/picture/demo3.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-3.html">Demo 3 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-4" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-4" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-4">
                                            <ul>
                                                <li><a target="_blank" href="login-4.html">Login</a></li>
                                                <li><a target="_blank" href="register-4.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-4.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-4.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-4">
                                            <ul>
                                                <li><a target="_blank" href="login-41.html">Login</a></li>
                                                <li><a target="_blank" href="register-41.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-41.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-41.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-4.html"><img src="static/picture/demo4.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-4.html">Demo 4 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-5" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-5" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-5">
                                            <ul>
                                                <li><a target="_blank" href="login-5.html">Login</a></li>
                                                <li><a target="_blank" href="register-5.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-5.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-5.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-5">
                                            <ul>
                                                <li><a target="_blank" href="login-51.html">Login</a></li>
                                                <li><a target="_blank" href="register-51.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-51.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-51.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-5.html"><img src="static/picture/demo5.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-5.html">Demo 5 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-6" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-6" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-6">
                                            <ul>
                                                <li><a target="_blank" href="login-6.html">Login</a></li>
                                                <li><a target="_blank" href="register-6.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-6.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-6.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-6">
                                            <ul>
                                                <li><a target="_blank" href="login-61.html">Login</a></li>
                                                <li><a target="_blank" href="register-61.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-61.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-61.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-6.html"><img src="static/picture/demo6.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-6.html">Demo 6 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-7" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-7" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-7">
                                            <ul>
                                                <li><a target="_blank" href="login-7.html">Login</a></li>
                                                <li><a target="_blank" href="register-7.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-7.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-7.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-7">
                                            <ul>
                                                <li><a target="_blank" href="login-71.html">Login</a></li>
                                                <li><a target="_blank" href="register-71.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-71.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-71.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-7.html"><img src="static/picture/demo7.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-7.html">Demo 7 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-8" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-8" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-8">
                                            <ul>
                                                <li><a target="_blank" href="login-8.html">Login</a></li>
                                                <li><a target="_blank" href="register-8.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-8.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-8.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-8">
                                            <ul>
                                                <li><a target="_blank" href="login-81.html">Login</a></li>
                                                <li><a target="_blank" href="register-81.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-81.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-81.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-8.html"><img src="static/picture/demo8.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-8.html">Demo 8 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-9" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-9" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-9">
                                            <ul>
                                                <li><a target="_blank" href="login-9.html">Login</a></li>
                                                <li><a target="_blank" href="register-9.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-9.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-9.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-9">
                                            <ul>
                                                <li><a target="_blank" href="login-91.html">Login</a></li>
                                                <li><a target="_blank" href="register-91.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-91.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-91.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-9.html"><img src="static/picture/demo9.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-9.html">Demo 9 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-10" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-10" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-10">
                                            <ul>
                                                <li><a target="_blank" href="login-10.html">Login</a></li>
                                                <li><a target="_blank" href="register-10.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-10.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-10.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-10">
                                            <ul>
                                                <li><a target="_blank" href="login-101.html">Login</a></li>
                                                <li><a target="_blank" href="register-101.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-101.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-101.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-10.html"><img src="static/picture/demo10.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-10.html">Demo 10 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-11" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-11" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-11">
                                            <ul>
                                                <li><a target="_blank" href="login-11.html">Login</a></li>
                                                <li><a target="_blank" href="register-11.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-11.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-11.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-11">
                                            <ul>
                                                <li><a target="_blank" href="login-111.html">Login</a></li>
                                                <li><a target="_blank" href="register-111.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-111.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-111.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-11.html"><img src="static/picture/demo11.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-11.html">Demo 11 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-12" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-12" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-12">
                                            <ul>
                                                <li><a target="_blank" href="login-12.html">Login</a></li>
                                                <li><a target="_blank" href="register-12.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-12.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-12.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-12">
                                            <ul>
                                                <li><a target="_blank" href="login-121.html">Login</a></li>
                                                <li><a target="_blank" href="register-121.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-121.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-121.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-12.html"><img src="static/picture/demo12.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-12.html">Demo 12 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-13" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-13" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-13">
                                            <ul>
                                                <li><a target="_blank" href="login-13.html">Login</a></li>
                                                <li><a target="_blank" href="register-13.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-13.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-13.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-13">
                                            <ul>
                                                <li><a target="_blank" href="login-131.html">Login</a></li>
                                                <li><a target="_blank" href="register-131.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-131.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-131.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-13.html"><img src="static/picture/demo13.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-13.html">Demo 13 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-14" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-14" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-14">
                                            <ul>
                                                <li><a target="_blank" href="login-14.html">Login</a></li>
                                                <li><a target="_blank" href="register-14.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-14.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-14.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-14">
                                            <ul>
                                                <li><a target="_blank" href="login-141.html">Login</a></li>
                                                <li><a target="_blank" href="register-141.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-141.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-141.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-14.html"><img src="static/picture/demo14.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-14.html">Demo 14 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-15" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-15" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-15">
                                            <ul>
                                                <li><a target="_blank" href="login-15.html">Login</a></li>
                                                <li><a target="_blank" href="register-15.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-15.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-15.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-15">
                                            <ul>
                                                <li><a target="_blank" href="login-151.html">Login</a></li>
                                                <li><a target="_blank" href="register-151.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-151.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-151.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-15.html"><img src="static/picture/demo15.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-15.html">Demo 15 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-16" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-16" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-16">
                                            <ul>
                                                <li><a target="_blank" href="login-16.html">Login</a></li>
                                                <li><a target="_blank" href="register-16.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-16.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-16.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-16">
                                            <ul>
                                                <li><a target="_blank" href="login-161.html">Login</a></li>
                                                <li><a target="_blank" href="register-161.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-161.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-161.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-16.html"><img src="static/picture/demo16.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-16.html">Demo 16 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-17" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-17" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-17">
                                            <ul>
                                                <li><a target="_blank" href="login-17.html">Login</a></li>
                                                <li><a target="_blank" href="register-17.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-17.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-17.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-17">
                                            <ul>
                                                <li><a target="_blank" href="login-171.html">Login</a></li>
                                                <li><a target="_blank" href="register-171.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-171.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-171.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-17.html"><img src="static/picture/demo17.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-17.html">Demo 17 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-18" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-18" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-18">
                                            <ul>
                                                <li><a target="_blank" href="login-18.html">Login</a></li>
                                                <li><a target="_blank" href="register-18.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-18.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-18.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-18">
                                            <ul>
                                                <li><a target="_blank" href="login-181.html">Login</a></li>
                                                <li><a target="_blank" href="register-181.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-181.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-181.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-18.html"><img src="static/picture/demo18.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-18.html">Demo 18 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-19" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-19" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-19">
                                            <ul>
                                                <li><a target="_blank" href="login-19.html">Login</a></li>
                                                <li><a target="_blank" href="register-19.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-19.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-19.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-19">
                                            <ul>
                                                <li><a target="_blank" href="login-191.html">Login</a></li>
                                                <li><a target="_blank" href="register-191.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-191.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-191.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-19.html"><img src="static/picture/demo19.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-19.html">Demo 19 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-20" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-20" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-20">
                                            <ul>
                                                <li><a target="_blank" href="login-20.html">Login</a></li>
                                                <li><a target="_blank" href="register-20.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-20.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-20.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-20">
                                            <ul>
                                                <li><a target="_blank" href="login-201.html">Login</a></li>
                                                <li><a target="_blank" href="register-201.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-201.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-201.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-20.html"><img src="static/picture/demo20.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-20.html">Demo 20 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 animated">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-21" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-21" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-21">
                                            <ul>
                                                <li><a target="_blank" href="login-21.html">Login</a></li>
                                                <li><a target="_blank" href="register-21.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-21.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-21.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-21">
                                            <ul>
                                                <li><a target="_blank" href="login-211.html">Login</a></li>
                                                <li><a target="_blank" href="register-211.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-211.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-211.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-21.html"><img src="static/picture/demo21.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-21.html">Demo 21 - Particles Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 animated">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-22" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-22" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-22">
                                            <ul>
                                                <li><a target="_blank" href="login-22.html">Login</a></li>
                                                <li><a target="_blank" href="register-22.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-22.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-22.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-22">
                                            <ul>
                                                <li><a target="_blank" href="login-221.html">Login</a></li>
                                                <li><a target="_blank" href="register-221.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-221.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-221.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-22.html"><img src="static/picture/demo22.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-22.html">Demo 22 - Star Fall Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-23" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-23" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-23">
                                            <ul>
                                                <li><a target="_blank" href="login-23.html">Login</a></li>
                                                <li><a target="_blank" href="register-23.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-23.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-23.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-23">
                                            <ul>
                                                <li><a target="_blank" href="login-231.html">Login</a></li>
                                                <li><a target="_blank" href="register-231.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-231.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-231.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-23.html"><img src="static/picture/demo23.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-23.html">Demo 23 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 animated">
                            <div class="single-demo">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-24" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-24" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-24">
                                            <ul>
                                                <li><a target="_blank" href="login-24.html">Login</a></li>
                                                <li><a target="_blank" href="register-24.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-24.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-24.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-24">
                                            <ul>
                                                <li><a target="_blank" href="login-241.html">Login</a></li>
                                                <li><a target="_blank" href="register-241.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-241.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-241.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-24.html"><img src="static/picture/demo24.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-24.html">Demo 24 - Video Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 static">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-25" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-25" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-25">
                                            <ul>
                                                <li><a target="_blank" href="login-25.html">Login</a></li>
                                                <li><a target="_blank" href="register-25.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-25.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-25.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-25">
                                            <ul>
                                                <li><a target="_blank" href="login-251.html">Login</a></li>
                                                <li><a target="_blank" href="register-251.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-251.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-251.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-25.html"><img src="static/picture/demo25.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-25.html">Demo 25 - Static Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-26" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-26" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-26">
                                            <ul>
                                                <li><a target="_blank" href="login-26.html">Login</a></li>
                                                <li><a target="_blank" href="register-26.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-26.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-26.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-26">
                                            <ul>
                                                <li><a target="_blank" href="login-261.html">Login</a></li>
                                                <li><a target="_blank" href="register-261.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-261.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-261.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-26.html"><img src="static/picture/demo26.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-26.html">Demo 26 - Starfield Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-27" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-27" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-27">
                                            <ul>
                                                <li><a target="_blank" href="login-27.html">Login</a></li>
                                                <li><a target="_blank" href="register-27.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-27.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-27.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-27">
                                            <ul>
                                                <li><a target="_blank" href="login-271.html">Login</a></li>
                                                <li><a target="_blank" href="register-271.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-271.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-271.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-27.html"><img src="static/picture/demo27.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-27.html">Demo 27 - Particles Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-28" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-28" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-28">
                                            <ul>
                                                <li><a target="_blank" href="login-28.html">Login</a></li>
                                                <li><a target="_blank" href="register-28.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-28.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-28.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-28">
                                            <ul>
                                                <li><a target="_blank" href="login-281.html">Login</a></li>
                                                <li><a target="_blank" href="register-281.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-281.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-281.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-28.html"><img src="static/picture/demo28.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-28.html">Demo 28 - Particles Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 new-demo animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-29" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-29" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-29">
                                            <ul>
                                                <li><a target="_blank" href="login-29.html">Login</a></li>
                                                <li><a target="_blank" href="register-29.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-29.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-29.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-29">
                                            <ul>
                                                <li><a target="_blank" href="login-291.html">Login</a></li>
                                                <li><a target="_blank" href="register-291.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-291.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-291.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-29.html"><img src="static/picture/demo29.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-29.html">Demo 29 - Slider Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 new-demo animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-30" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-30" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-30">
                                            <ul>
                                                <li><a target="_blank" href="login-30.html">Login</a></li>
                                                <li><a target="_blank" href="register-30.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-30.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-30.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-30">
                                            <ul>
                                                <li><a target="_blank" href="login-301.html">Login</a></li>
                                                <li><a target="_blank" href="register-301.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-301.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-301.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-30.html"><img src="static/picture/demo30.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-30.html">Demo 30 - Star Animation Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 new-demo animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-31" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-31" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-31">
                                            <ul>
                                                <li><a target="_blank" href="login-31.html">Login</a></li>
                                                <li><a target="_blank" href="register-31.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-31.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-31.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-31">
                                            <ul>
                                                <li><a target="_blank" href="login-311.html">Login</a></li>
                                                <li><a target="_blank" href="register-311.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-311.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-311.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-31.html"><img src="static/picture/demo31.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-31.html">Demo 31 - Animated Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 new-demo animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-32" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-32" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-32">
                                            <ul>
                                                <li><a target="_blank" href="login-32.html">Login</a></li>
                                                <li><a target="_blank" href="login-32.html">Register</a></li>
                                                <li><a target="_blank" href="login-32.html">Forgot</a></li>
                                                <li><a target="_blank" href="login-32.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-32">
                                            <ul>
                                                <li><a target="_blank" href="login-321.html">Login</a></li>
                                                <li><a target="_blank" href="login-321.html">Register</a></li>
                                                <li><a target="_blank" href="login-321.html">Forgot</a></li>
                                                <li><a target="_blank" href="login-321.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-32.html"><img src="static/picture/demo32.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-32.html">Demo 32 - Popup Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 new-demo animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-33" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-33" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-33">
                                            <ul>
                                                <li><a target="_blank" href="login-33.html">Login</a></li>
                                                <li><a target="_blank" href="register-33.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-33.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-33.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-33">
                                            <ul>
                                                <li><a target="_blank" href="login-331.html">Login</a></li>
                                                <li><a target="_blank" href="register-331.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-331.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-331.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-33.html"><img src="static/picture/demo33.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-33.html">Demo 33 - Animated Background</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 col-12 new-demo animated">
                            <div class="single-demo new">
                                <div class="tab-wrap">
                                    <ul class="nav nav-tabs">
                                        <li class="nav-item">
                                            <a class="active" href="#tabA-34" data-toggle="tab" aria-expanded="false">LTR</a>
                                        </li>
                                        <li class="nav-item">
                                            <a href="#tabB-34" data-toggle="tab" aria-expanded="false">RTL</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane fade active show" id="tabA-34">
                                            <ul>
                                                <li><a target="_blank" href="login-34.html">Login</a></li>
                                                <li><a target="_blank" href="register-34.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-34.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-34.html">Otp</a></li>
                                            </ul>
                                        </div>
                                        <div class="tab-pane fade" id="tabB-34">
                                            <ul>
                                                <li><a target="_blank" href="login-341.html">Login</a></li>
                                                <li><a target="_blank" href="register-341.html">Register</a></li>
                                                <li><a target="_blank" href="forgot-password-341.html">Forgot</a></li>
                                                <li><a target="_blank" href="otp-341.html">Otp</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="demo-figure">
                                    <a target="_blank" href="login-34.html"><img src="static/picture/demo34.jpg" alt="Demo Img"></a>
                                </div>
                                <div class="demo-title">
                                    <a target="_blank" href="login-34.html">Demo 34 - Animated Background</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Main Body Area End Here -->
        <!-- Footer Area Start Here -->
        <footer class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="footer-logo wow zoomIn" data-wow-duration="1s" data-wow-delay="0.5s">
                            <a href=""><img src="static/picture/logo.png" alt="logo" class="img-fluid"></a>
                        </div>
                    </div>
                    <div class="col-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
                        <p>Copyright &copy; 2022.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer Area End Here -->
    </div>
    <!-- jquery-->
    <script src="static/js/jquery-3.3.1.min.js"></script>
    <!-- Pace Preloader js -->
    <script src="static/js/pace.min.js"></script>
    <!-- Popper js -->
    <script src="static/js/popper.min.js"></script>
    <!-- Bootstrap js -->
    <script src="static/js/bootstrap.min1.js"></script>
    <!-- Imagesloaded js -->
    <script src="static/js/imagesloaded.pkgd.min1.js"></script>
    <!-- Isotope js -->
    <script src="static/js/isotope.pkgd.min.js"></script>
    <!-- Custom Js -->
    <script src="static/js/main1.js"></script>

</body>

</html>